<!DOCTYPE html>
<html lang="zh">
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/header :: header(~{::title},~{::link},~{})">
    <title th:text="${entity.title}">临窗旋墨-文章详情</title>
    <link rel="stylesheet" th:href="@{/css/jianshu.css}"/>
    <link rel="stylesheet" th:href="@{/css/style.css}"/>
    <link rel="stylesheet" th:href="@{/css/content.css}"/>
    <link rel="stylesheet" th:href="@{/assets/lib/editor.md-master/css/editormd.preview.css}"/>
    <link rel="stylesheet" th:href="@{/css/comments.css}">
</head>
<body class="body">
<!--导航-->
<div th:replace="common/nav :: nav(true)"></div>
<div class="container-fluid">
    <div class="row">

        <div class="col-lg-10  col-sm-10 col-md-10">
            <div class="articleContent shadow">
                <h3 class="title" th:text="${entity.title}">
                    tiltle
                </h3>
                <div class="property">
                    <span><small>文章来源</small>：<span
                            th:text="${entity.originated==1?'原创':entity.source}">原创</span></span>&nbsp;&nbsp;
                    <span><small>作者：</small><span th:text="${entity.author}"></span></span>&nbsp;&nbsp;
                    <span><small>发布时间：</small><span th:text="${#dates.format(entity.createTime, 'yyyy-MM-dd')}"></span></span>&nbsp;&nbsp;
                    <span><small>阅读：</small><span th:text="${entity.readNum}">100</span></span>&nbsp;&nbsp;
                    <span><small>标签：</small><span th:text="${entity.tagNames}"></span></span>
                </div>
                <div id="contentTxt" class="showmd">
                    <textarea style="display:none;" th:text="${entity.content}">i am content</textarea>
                </div>
            </div>
            <div class="hidden">
                <h2>许秋冬偷偷隐藏起来的markdown原文,测试对蜘蛛是否友好</h2>
                <pre th:text="${entity.content}" >这个是隐藏的原markdown详情</pre>

            </div>

            <hr />
            <h3>发表评论</h3>
            <!--提交评论的form-->
            <div th:replace="common/comment :: commentForm"></div>

            <!--主评论列表-->
            <div th:replace="common/comment :: commentList"></div>


        </div>
    </div>

    <div class="row">


    </div>


</div>
<!-- 引入通用js-->
<div th:replace="common/footer :: footer"></div>
<div th:replace="common/footer-md :: footer-md"></div>

<script th:inline="javascript">
    /*<![CDATA[*/

    var user =/*[[${session.principal}]]*/

    /*]]>*/
</script>
<script th:src="@{/js/comment.js}"></script>
</body>
</html>
